<script setup>
import {NAlert} from "naive-ui";

const props = defineProps(['start', 'end'])

const status = computed(() => {
  const {start, end} = props
  return useTimeStatus(start, end)
})
</script>

<template>
  <n-alert :show-icon="false" :type="status === 'ing' ? 'success':'default'">
    直播时间： {{ start }} ～ {{ end }}
  </n-alert>
</template>

<style scoped>

</style>
